html,body{
	width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    font-size: 12px;
    overflow: scroll;
}
.model {
    
    height: 395px;
	position:absolute; z-index:99;
	top:0; left:0;
	background:rgba(0,0,0,0.3); width:100%; height:100%;
}



.box{ width:600px; height:500px; position:absolute; background:#FFF; left:50%; top:50%; margin:-250px 0 0 -300px; border-radius:5px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; overflow:hidden;}

.top{ height:170px; border-bottom:1px dotted #999999;}



span#problemDescription {
    background: #f3f3f3;
    position: absolute;
    top: 20px;
    left: 110px;
    right: 20px;
    height: 120px;
    overflow-y: auto;
    overflow-x: hidden; font-size:14px; color:#666; border-radius:5px; padding:5px;
}



textarea#reasons{background: #f3f3f3;
    position: absolute;
    top: 190px;
    left: 110px;
    width:455px;
    height: 60px;
    overflow-y: auto;
    overflow-x: hidden; font-size:14px; color:#666; border-radius:5px; padding:5px; resize:none; border:1px solid #ccc;}
	
	
	
textarea#method{background: #f3f3f3;
    position: absolute;
    top: 280px;
    left: 110px;
    width:455px;
    height: 60px;
    overflow-y: auto;
    overflow-x: hidden; font-size:14px; color:#666; border-radius:5px; padding:5px; resize:none; border:1px solid #ccc;}	

#resolvepersons{background: #f3f3f3;
    position: absolute;
    top: 370px;
    left: 110px;
    width:465px;
    height: 30px;
    overflow-y: auto;
    overflow-x: hidden; font-size:14px; color:#666; border-radius:5px; border:1px solid #ccc; text-indent:5px;}	




span.title {
    color: #666;
    font-size: 14px;
    border-left: 2px solid #28a7e1;
    margin: 20px;
    text-indent: 10px;
    display: inline-block;
}


.title2{ margin-top:50px !important;}
.title3{ margin-top:60px !important;}


.bottom{ position:absolute; width:100%; bottom:0; height:60px; background:#f3f3f3;}

.bottom button{ display:inline-block; width:80px; height:30px; border-radius:5px; margin-top:15px; cursor:pointer; }
.bottom button:nth-child(1){ background:#28a7e1; border:#28a7e1; color:#FFF; margin-left:170px;}
.bottom button:nth-child(2){ background:#28a7e1; border:#28a7e1; color:#FFF;margin-left:10px;}
.bottom button:nth-child(3){ background:#fff; border:#28a7e1 1px solid; color:#28a7e1;margin-left:10px;}
.bottom button:hover{ opacity:0.8;}


select{
	width: 120px;
	height: 22px;
	border: 1px solid #d0d0d0;

}

input,select{ outline:none; border-radius:3px; font-size:12px; color:#666;background: #fbfbfb !important;}

.filter span{ color:#28a7e1; font-size:12px;}
.filter>div{  display: inline-block; margin-right:20px; margin-top:10px;    margin-left: 10px;}
.filter{border:1px #eaeaea solid; padding:10px;
	position:relative;width:90%; border-radius:5px; box-shadow: rgba(0,0,0,0.1) 0 1px 5px;}

div#customer {
    display: inline-block;
}


.functions{ margin-left:1px; margin-top:10px;}
.functions button{ background:#FFF; border:1px solid #28a7e1; height:28px; margin:0; display:inline-block; margin-right:-6px; width:120px; cursor:pointer; color:#333;outline:none;}
.functions button:first-child{ border-radius:5px 0 0 0;}
.btn-act{ background:#28a7e1 !important; color:#FFF !important;}


.showResult{position:relative;right:2px;  border:1px solid #e0e5ed;margin:0 auto;border-radius:0 5px 5px 5px;border:1px solid #28a7e1; }
.buding{ position:absolute; right:0; top:0; width:20px; height:40px; background:#f3f8fe; z-index:3;}

.showResult table .datagrid-header,.showResult table  .datagrid-td-rownumber{ background:none !important;}
.showResult .panel.datagrid {width:100% !important; height:100%;}
.showResult .datagrid-wrap.panel-body.panel-body-noheader {width:100% !important;padding:0 !important;}
.showResult .datagrid-view {width:100% !important;}
.showResult .datagrid-view2 {width:100% !important; left:0 !important;}
.showResult .datagrid-header {width:100% !important;height:40px !important; overflow-y:scroll;}
.showResult .datagrid-header-inner {width:100% !important;height: 40px !important;}
.showResult table.datagrid-htable {width:100% !important;}
.showResult .datagrid-body {width:100% !important;}
.showResult .datagrid-body table{width:100% !important;}
.showResult table .datagrid-btable {width:100% !important;}
.showResult table .datagrid-header td,.showResult table .datagrid-body td,.showResult table .datagrid-footer td {border-width:0 1px 1px 0;border-style:solid !important;margin:0;padding:0;}
.showResult .datagrid-cell {color:#666; padding:0 0 0 8px !important;}
.showResult .panel-body {border-color:#ebebeb;}
.showResult tr.datagrid-header-row {background:#f3f8fe;}
.showResult .datagrid-header-row,.showResult .datagrid-row {height:40px;}
.showResult .datagrid-header td {border-color:#ebebeb !important; background:#f3f8fe !important; }
.showResult .panel-body {border:none !important;}
.showResult .datagrid-body td {border-color:#ebebeb !important; word-break:break-all !important;}

.showResult .datagrid-cell { position:relative;}

.showResult .datagrid-td-rownumber tr td{ background:#FFF !important;}
.showResult .datagrid-wrap.panel-body.panel-body-noheader{height:100% !important;}
.showResult .datagrid-view{height:100% !important;}
.showResult .datagrid-view1{height:100% !important;}
.showResult .datagrid-view2{height:100% !important;}
.showResult .datagrid-view1 .datagrid-body{margin-bottom: 30px;}
.showResult .datagrid-view2 .datagrid-body{overflow-y: scroll;overflow-y: scroll;
    position: absolute;
    top: 40px;
    left: 0;
        bottom: 30px;
    right: 0;
    height: auto !important;}
    
#showResult1 .datagrid-body{bottom: 0;}    
    
.showResult .datagrid .datagrid-pager {position: absolute;width: 100%;bottom:0px;}
.showResult .panel.datagrid{ margin-bottom:0 !important;}
.showResult  .datagrid-body td {border-style: solid !important;padding: 5px 0 !important;}
.showResult  .datagrid-body td div{}
.showResult .datagrid-cell {width: 98% !important;}
.showResult  span.l-btn-icon {display: -webkit-inline-box;width: 16px;}

.showResult .datagrid-header-inner table{width:100% !important;}
.datagrid-header-inner{width:100% !important;}
.showResult .datagrid-view1{ display:none;}

.showResult .datagrid-view2 table tbody tr td:nth-child(1){ width:140px; height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(2){ width:140px; height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(3){ width:100px; height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(4){ height:40px !important;width:200px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(5){ width:100px; height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(6){ width:60px; height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(7){ width:90px; height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(8){width:120px;height:40px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(9){height:40px !important;}

.showResult .datagrid-view2 table tbody tr td:nth-child(4) div{ width:200px !important;}
.showResult .datagrid-view2 table tbody tr td:nth-child(8) div span{ width:120px; overflow:hidden; display:block;text-overflow :ellipsis }

.showResult  .datagrid-body td{ border:#999 solid 1px;}
.tree-title {color: #666 !important;}
.searchTree {z-index: 9;}
.showResult2 {
   position:absolute; left:20px; right:20px; top:130px; bottom:20px; border:1px solid #e0e5ed; border-radius:0 5px 5px 5px;border:1px solid #28a7e1; overflow:hidden;
}



div#pageParking{ height:100%;}

#resolve{ margin-left:20px;}
.btn-gpoup{position:absolute; right:0; top:-40px;}
#resolve,#returnType{ display: inline-block;
    width: 80px;
    height: 30px;
    border-radius: 5px;
   
    cursor: pointer;
    text-indent: 0 !important;
    background: #28a7e1;
    border: #28a7e1;
    color: #FFF;
    float:right;
    margin-left: 20px;margin-bottom:10px;
   
    font-weight: 500;}



#showResult1 .datagrid-view2 table tbody tr td{
   width:33% !important;
    height: 40px !important;
}

#showResult1 .datagrid-view2 table tbody tr td:nth-child(1) div{
    white-space: inherit;
    height: 20px !important;
    overflow: hidden;
}





.datagrid-sort-icon{ display:none !important;}
.datagrid-header td { border: 1px dotted #ccc !important;}
.datagrid-row-selected { background: #28a7e1 !important;}
.datagrid-row-selected span,.datagrid-row-selected div,.datagrid-row-selected a{ color:#fff !important;}

.search{display: inline-block;
    width: 80px;
    height: 30px;
    border-radius: 5px;
   cursor: pointer;
    text-indent: 0 !important;
    background: #28a7e1;
    border: #28a7e1;
    color: #FFF;
    font-weight: 500;}